<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>注册页</title>
  <link href="../css/register.css" rel="stylesheet" type="text/css">
  <link href="../css/tipPane.css" rel="stylesheet" type='text/css'>
  <script src="../js/util/jquery-3.5.1.js"></script>
  <link href="../css/iconfont_ya.css" rel="stylesheet" type="text/css">
  <link rel='icon' href='../img/gduf-logo_1.ico' type='image/x-ico' />
</head>

<body>
  <!-- 注册1 -->
  <table id="form1">
    <!-- 头部 -->
    <tr>
      <td class="head_title">
        用户注册
      </td>
    </tr>
    <!--身份 -->
    <tr>
      <td class="status_out">
        <div class="status">
          <header>
            <span class="text">
              <div class="individual_inner">
                <img src='../icon/register/student.svg'>
                学生
              </div>
            </span>
            <span class="alter">修改</span>
          </header>
          <div class="content">
            <div class="individual student" id="student" value="student">
              <div class="individual_inner">
                <img src='../icon/register/student.svg'> 学生
              </div>
            </div>
            <div class="individual teacher" id="teacher" value="teacher">
              <div class="individual_inner">
                <img src="../icon/register/teacher.svg"> 教师
              </div>
            </div>
          </div>
        </div>
      </td>
    </tr>
    <!-- 邮箱 -->
    <tr>
      <td class='email_out'>
        <div class='email'>
          <input autofocus="autofocus" class="email_input input_text_page1" type="text" placeholder="请输入注册邮箱" />
          <!-- <span>@</span>
          <input class="email_tail"> -->
          <!-- <span class="email_tail">m.gduf.edu.cn</span> -->
        </div>
      </td>
    </tr>
    <!-- 验证码 -->
    <tr>
      <td class="confirm_out">
        <div class="confirm">
          <input class="confirm_input input_text_page1" placeholder="请输入验证码" type="text" />
          <input class="send_btn btn_available" type="button" value="发送验证码">
        </div>
      </td>
    </tr>
    <!-- 下一步 -->
    <tr>
      <td class="next_out">
        <input class="next_btn btn_available" type="button" value="下一步">
        <img src="../icon/register/nextBtn.svg">
      </td>
    </tr>
  </table>

  <!-- 学生注册页 -->
  <div class="form" id='form_student'>
    <!-- 学号 -->
    <div class="markNumber row" id="markNumber_student">
      <span class="tip"><span class="tip_2">学号</span>：</span>
      <div class="value">
        <input type="text">
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 用户名 -->
    <div class="userName row" id='userName_student'>
      <span class="tip"><span class="tip_3">用户名</span>：</span>
      <div class="value">
        <input maxlength="15" placeholder="1-15位非空格字符" type="text">
        <span class='active_line'></span>
        <svg class="success_icon" height="23" p-id="3746" t="1602246081680" version="1.1" viewBox="0 0 1396 1024"
          width="23" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M507.252364 986.484364L0.651636 482.490182 103.517091 377.018182 507.345455 778.053818l784.756363-776.843636 103.703273 102.027636z"
            fill="#21be30" p-id="3747"></path>
        </svg>
      </div>
    </div>
    <!-- 性别 -->
    <div class="sex row">
      <span class="tip"><span class="tip_2">性别</span>：</span>
      <div class="choice value" data=''>
        <div class="item male">
          <svg t="1603443648427" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="23932" width="36" height="36">
            <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#82A4FB" p-id="23933"></path>
            <path
              d="M612.78 650.81a168.53 168.53 0 0 1-38 53.7 177.23 177.23 0 0 1-56.31 36.21 185.82 185.82 0 0 1-137.82 0 177.23 177.23 0 0 1-56.31-36.21 168.21 168.21 0 0 1-38-53.7 162.42 162.42 0 0 1 0-131.44 168.14 168.14 0 0 1 38-53.71 177.2 177.2 0 0 1 56.31-36.2 185.69 185.69 0 0 1 137.82 0 177.2 177.2 0 0 1 56.31 36.2 168.46 168.46 0 0 1 38 53.71 162.42 162.42 0 0 1 0 131.44z m191.07-357.73a24.73 24.73 0 0 0-6.47-16.82 27.13 27.13 0 0 0-17.85-8.63h-0.29L625.55 257c-14.6-1-27.31 9.47-28.37 23.4s9.93 26.06 24.54 27.07l95.68 6.61-113.7 108C562.9 387 508.86 365.6 449.58 365.6c-127.11 0-230.15 98.27-230.15 219.49s103 219.48 230.15 219.48 230.15-98.27 230.15-219.48a211.55 211.55 0 0 0-40.91-125L745.91 358.4l-6 82.08c-1 13.94 10 26 24.61 27 0.64 0 1.26 0.06 1.89 0.06 13.8 0 25.46-10.19 26.44-23.53l11-149.41c0-0.51 0.05-1 0.05-1.53-0.04-0.18-0.05 0.09-0.05 0.01z"
              fill="#FFFFFF" p-id="23934"></path>
          </svg>
          <span class="text">男</span>
        </div>
        <div class="item female">
          <svg t="1603443721753" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="24165" width="36" height="36">
            <path d="M430.08 450.56a145.92 145.92 0 1 0 291.84 0 145.92 145.92 0 1 0-291.84 0z" fill="#FF838E"
              p-id="24166"></path>
            <path
              d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m217.6 596.48c-76.8 74.24-194.56 84.48-281.6 20.48l-38.4 38.4 87.04 87.04-43.52 43.52-87.04-87.04-89.6 89.6-43.52-43.52 89.6-89.6-87.04-87.04 43.52-43.52 87.04 87.04 40.96-40.96c-61.44-84.48-51.2-202.24 23.04-276.48 84.48-71.68 209.92-66.56 289.28 12.8 79.36 79.36 81.92 204.8 10.24 289.28z"
              fill="#FF838E" p-id="24167"></path>
          </svg>
          <span class="text">女</span>
        </div>
        <img src="../icon/register/editBtn.svg" class="switch">
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 年级 -->
    <div class="row slideDown" id='grade'>
      <span class='tip'><span class="tip_2">年级</span>：</span>

      <div class="choice value" data="">
        <span class="cur_val">请选择年级</span>
        <svg class="icon" height="23" p-id="6815" t="1601959179699" version="1.1" viewBox="0 0 1024 1024" width="23"
          xmlns="http://www.w3.org/2000/svg">
          <path
            d="M539.9 631.25c-6.3 6.3-14.85 12.15-22.95 10.35-8.1 1.35-15.75-4.95-22.05-10.35L300.05 435.5c-9.9-9.9-9.9-26.1 0-36s26.1-9.9 36 0L517.4 585.8l181.8-186.3c9.9-9.9 26.1-9.9 36 0s9.9 26.1 0 36L539.9 631.25z"
            p-id="6816"></path>
        </svg>
        <ul class="list">
          <li>大一</li>
          <li>大二</li>
          <li>大三</li>
          <li>大四</li>
        </ul>
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 学院-->
    <div class="college row slideDown">
      <span class="tip"><span class="tip_2">学院</span>：</span>
      <div class="choice value" data="">
        <span class="cur_val">请选择学院</span>
        <svg class="icon" height="23" p-id="6815" t="1601959179699" version="1.1" viewBox="0 0 1024 1024" width="23"
          xmlns="http://www.w3.org/2000/svg">
          <path
            d="M539.9 631.25c-6.3 6.3-14.85 12.15-22.95 10.35-8.1 1.35-15.75-4.95-22.05-10.35L300.05 435.5c-9.9-9.9-9.9-26.1 0-36s26.1-9.9 36 0L517.4 585.8l181.8-186.3c9.9-9.9 26.1-9.9 36 0s9.9 26.1 0 36L539.9 631.25z"
            p-id="6816"></path>
        </svg>
        <ul class="list">
          <li>金融与投资学院</li>
          <li>会计学院</li>
          <li>保险学院</li>
          <li>经济贸易学院</li>
          <li>信用管理学院</li>
          <li>工商管理学院</li>
          <li>互联网金融与信息工程学院</li>
          <li>外国语言与文化学院</li>
          <li>法学院</li>
          <li>财经与新媒体学院</li>
          <li>金融数学与统计学院</li>
          <li>公共管理学院</li>
          <li>创业教育学院</li>
          <li>继续教育学院</li>
          <li>国际教育学院</li>
        </ul>
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 专业 -->
    <div class="major row slideDown">
      <span class="tip"><span class="tip_2">专业</span>：</span>
      <div class="choice value" data="">
        <span class="cur_val">请选择专业</span>
        <svg class="icon" height="23" p-id="6815" t="1601959179699" version="1.1" viewBox="0 0 1024 1024" width="23"
          xmlns="http://www.w3.org/2000/svg">
          <path
            d="M539.9 631.25c-6.3 6.3-14.85 12.15-22.95 10.35-8.1 1.35-15.75-4.95-22.05-10.35L300.05 435.5c-9.9-9.9-9.9-26.1 0-36s26.1-9.9 36 0L517.4 585.8l181.8-186.3c9.9-9.9 26.1-9.9 36 0s9.9 26.1 0 36L539.9 631.25z"
            p-id="6816"></path>
        </svg>
        <ul class="list">
          <li>请先选学院</li>
        </ul>
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 所属校区 -->
    <div class="campus row">
      <span class="tip">所属校区：</span>
      <div class="choice value" data="">
        <div class="item headquarter">
          <svg t="1603443772560" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="26252" width="36" height="36">
            <path
              d="M375.494194 623.483871a16.309677 16.309677 0 0 0 16.309677 16.309677h65.23871a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.23871a16.309677 16.309677 0 0 0-16.289032 16.309677V623.483871z m32.619354-81.548387h32.619355v65.23871h-32.619355zM391.803871 444.036129h65.23871a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.23871a16.309677 16.309677 0 0 0-16.289032 16.309677v97.858065a16.289032 16.289032 0 0 0 16.289032 16.309677z m16.309677-97.858064h32.619355v65.238709h-32.619355z"
              p-id="26253" fill="#444444"></path>
            <path
              d="M269.749677 327.535484L505.971613 185.806452l236.221935 141.729032a16.309677 16.309677 0 0 0 22.379355-5.574194 16.330323 16.330323 0 0 0-5.574193-22.379355L522.322581 157.563871V52.645161h81.527742v32.59871h-48.949678a16.309677 16.309677 0 1 0 0 32.619355h65.218065a16.309677 16.309677 0 0 0 16.309677-16.309678V36.335484a16.309677 16.309677 0 0 0-16.309677-16.309678h-114.147097a16.309677 16.309677 0 0 0-16.309678 16.309678v121.228387l-236.717419 142.018064a16.309677 16.309677 0 1 0 16.805161 27.953549zM196.129032 639.731613a16.309677 16.309677 0 0 0 16.309678-16.309678v-97.858064a16.309677 16.309677 0 0 0-16.309678-16.309677H130.890323a16.309677 16.309677 0 0 0-16.309678 16.309677v32.619355a16.309677 16.309677 0 0 0 32.619355 0v-16.309678h32.59871V623.483871a16.309677 16.309677 0 0 0 16.330322 16.247742zM310.276129 851.736774V378.797419a16.309677 16.309677 0 0 0-32.619355 0v472.939355a16.309677 16.309677 0 0 0 32.619355 0z"
              p-id="26254" fill="#444444"></path>
            <path
              d="M228.727742 933.264516h554.467097a16.309677 16.309677 0 1 0 0-32.59871h-146.766452v-163.096774h16.309678a16.309677 16.309677 0 1 0 0-32.598709H359.225806a16.309677 16.309677 0 1 0 0 32.598709h16.289033v163.096774h-146.787097a16.309677 16.309677 0 1 0 0 32.619355zM522.322581 835.427097a16.309677 16.309677 0 0 0 0-32.619355v-65.23871h81.527742v163.096774H522.322581v-65.238709z m-114.167742-97.858065h81.548387v65.23871a16.309677 16.309677 0 0 0 0 32.619355v65.218064h-81.548387zM881.052903 721.259355h-65.238709a16.309677 16.309677 0 0 0-16.289033 16.309677v97.858065a16.309677 16.309677 0 0 0 16.289033 16.309677h65.238709a16.309677 16.309677 0 0 0 16.309678-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309678-16.309677z m-16.309677 97.858064h-32.619355v-65.238709h32.619355zM881.052903 525.563871h-65.238709a16.309677 16.309677 0 0 0-16.289033 16.309677v97.858065a16.309677 16.309677 0 0 0 16.289033 16.309677h65.238709a16.309677 16.309677 0 0 0 16.309678-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309678-16.309677z m-16.309677 97.858064h-32.619355v-65.238709h32.619355zM848.516129 965.883871H163.509677a16.309677 16.309677 0 0 0 0 32.619355H848.516129a16.309677 16.309677 0 1 0 0-32.619355z"
              p-id="26255" fill="#444444"></path>
            <path
              d="M978.910968 378.797419a16.309677 16.309677 0 0 0-16.309678 16.309678v16.309677h-179.385806a16.309677 16.309677 0 1 0 0 32.59871h179.385806v538.178064a16.309677 16.309677 0 1 0 32.619355 0V395.107097a16.309677 16.309677 0 0 0-16.309677-16.309678zM538.590968 623.483871a16.309677 16.309677 0 0 0 16.309677 16.309677h65.218065a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.218065a16.309677 16.309677 0 0 0-16.309677 16.309677V623.483871z m32.619355-81.548387h32.598709v65.23871h-32.598709v-65.23871zM179.79871 819.117419c0-2.064516-0.929032-212.005161-81.527742-212.005161S16.722581 816.990968 16.722581 819.117419a81.713548 81.713548 0 0 0 65.238709 79.896775v83.179354a16.309677 16.309677 0 0 0 32.619355 0v-83.179354a81.692903 81.692903 0 0 0 65.218065-79.896775z m-81.527742 48.929033a48.990968 48.990968 0 0 1-48.929033-48.929033c0-81.259355 21.821935-179.385806 48.929033-179.385806s48.929032 98.126452 48.929032 179.385806a49.011613 49.011613 0 0 1-48.929032 48.929033zM734.286452 851.736774v-489.290322a16.309677 16.309677 0 0 0-32.619355 0v489.290322a16.309677 16.309677 0 0 0 32.619355 0zM554.900645 444.036129h65.218065a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.218065a16.309677 16.309677 0 0 0-16.309677 16.309677v97.858065a16.309677 16.309677 0 0 0 16.309677 16.309677z m16.309678-97.858064h32.598709v65.238709h-32.598709v-65.238709zM33.032258 590.802581a16.309677 16.309677 0 0 0 16.309677-16.309678v-130.456774h179.385807a16.309677 16.309677 0 0 0 0-32.619355H49.341935v-16.309677a16.309677 16.309677 0 0 0-32.619354 0v179.385806a16.309677 16.309677 0 0 0 16.309677 16.309678z"
              p-id="26256" fill="#444444"></path>
          </svg>
          <span class="text">校本部</span>
        </div>
        <div class="item Zhaoqing">
          <svg t="1603444019759" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="29333" width="36" height="36">
            <path
              d="M114.005009 452.974675l199.077058 0 0 21.957081c0 0-30.744211 8.78713-42.451858 23.424502 0 20.48966-2.924609 298.617122-2.924609 298.617122L156.452773 796.97338l1.467421-295.693536c0 0-19.028379-23.423479-43.915186-26.349111C114.005009 466.148719 114.005009 452.974675 114.005009 452.974675z"
              fill="#8a8a8a" p-id="29334"></path>
            <path
              d="M395.057079 452.974675 594.13516 452.974675l0 21.957081c0 0-30.745235 8.78713-42.451858 23.424502 0 20.48966-2.924609 298.617122-2.924609 298.617122L437.504844 796.97338l1.467421-295.693536c0 0-19.028379-23.423479-43.915186-26.349111C395.057079 466.148719 395.057079 452.974675 395.057079 452.974675z"
              fill="#8a8a8a" p-id="29335"></path>
            <path
              d="M684.892187 452.974675l199.077058 0 0 21.957081c0 0-30.744211 8.78713-42.451858 23.424502 0 20.48966-2.923586 298.617122-2.923586 298.617122L727.339952 796.97338l1.466398-295.693536c0 0-19.028379-23.423479-43.914162-26.349111C684.892187 466.148719 684.892187 452.974675 684.892187 452.974675z"
              fill="#8a8a8a" p-id="29336"></path>
            <path d="M87.655897 843.813175l822.662459 0 0 43.914162-822.662459 0 0-43.914162Z" fill="#8a8a8a"
              p-id="29337"></path>
            <path d="M62.770114 912.61312l893.65842 0 0 45.37749-893.65842 0 0-45.37749Z" fill="#8a8a8a" p-id="29338">
            </path>
            <path
              d="M522.409582 62.136176l434.018951 300.084543 0 40.98546L62.770114 403.206178l0-40.98546 415.724283-300.084543L522.409582 62.136176zM499.170299 197.172685c-40.930201 0-74.105788 33.175587-74.105788 74.105788 0 40.929178 33.175587 74.105788 74.105788 74.105788 40.929178 0 74.104765-33.17661 74.104765-74.105788C573.275064 230.349295 540.099477 197.172685 499.170299 197.172685z"
              fill="#8a8a8a" p-id="29339"></path>
          </svg>
          <span class="text">肇庆校区</span>
        </div>
        <img src="../icon/register/editBtn.svg" class="switch">
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 设置密码 -->
    <div class="pwd row">
      <span class="tip">设置密码：</span>
      <div class="password value">
        <input maxlength="16" placeholder="6-16个字符组成，区分大小写" type="password">
        <svg t="1603446832261" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="30320" width="32" height="32">
          <path
            d="M814.08 541.83936l-65.37216-77.63968a327.2704 327.2704 0 0 0 61.29664-85.8112c4.096-8.192 0-20.45952-8.192-28.63104-8.15104-4.096-20.41856 0-28.59008 8.192-49.02912 102.15424-151.20384 163.45088-261.5296 163.45088-110.36672 0-212.52096-61.29664-261.57056-159.37536-4.096-12.26752-16.34304-16.34304-28.61056-8.192-8.17152 4.096-12.24704 16.36352-8.17152 24.53504 16.34304 32.68608 36.78208 57.22112 61.29664 81.73568l-65.37216 77.63968c-8.192 8.192-4.096 20.43904 4.096 28.61056 4.07552 4.096 8.15104 4.096 12.24704 4.096 4.096 0 12.24704-4.096 16.34304-8.192l61.29664-73.54368c20.43904 16.34304 40.87808 28.61056 65.39264 40.8576l-32.68608 94.0032c-4.096 12.26752 0 20.43904 12.24704 24.51456h8.192c8.15104 0 16.32256-4.096 20.41856-12.24704l32.68608-94.0032c24.53504 12.26752 53.12512 16.34304 81.73568 20.43904v94.0032c0 12.24704 8.192 20.41856 20.43904 20.41856 12.26752 0 20.43904-8.17152 20.43904-20.43904v-94.0032c28.61056 0 57.20064-8.15104 85.8112-16.32256l32.70656 89.9072c4.096 8.17152 12.24704 12.24704 20.41856 12.24704h8.192c12.24704-4.096 16.34304-16.34304 12.24704-24.51456l-32.68608-94.0032c24.51456-12.24704 44.9536-24.51456 65.39264-40.8576l65.37216 77.63968c4.096 4.096 8.192 8.192 16.34304 8.192 4.096 0 8.192 0 12.288-4.096 0-8.192 4.07552-20.43904-4.096-28.61056z"
            fill="#9B9B9B" p-id="30321"></path>
        </svg>
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 确认密码 -->
    <div class="pwd_confirm row">
      <span class="tip">确认密码：</span>
      <div class="password value">
        <input maxlength="16" type="password">
        <svg t="1603446832261" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="30320" width="32" height="32">
          <path
            d="M814.08 541.83936l-65.37216-77.63968a327.2704 327.2704 0 0 0 61.29664-85.8112c4.096-8.192 0-20.45952-8.192-28.63104-8.15104-4.096-20.41856 0-28.59008 8.192-49.02912 102.15424-151.20384 163.45088-261.5296 163.45088-110.36672 0-212.52096-61.29664-261.57056-159.37536-4.096-12.26752-16.34304-16.34304-28.61056-8.192-8.17152 4.096-12.24704 16.36352-8.17152 24.53504 16.34304 32.68608 36.78208 57.22112 61.29664 81.73568l-65.37216 77.63968c-8.192 8.192-4.096 20.43904 4.096 28.61056 4.07552 4.096 8.15104 4.096 12.24704 4.096 4.096 0 12.24704-4.096 16.34304-8.192l61.29664-73.54368c20.43904 16.34304 40.87808 28.61056 65.39264 40.8576l-32.68608 94.0032c-4.096 12.26752 0 20.43904 12.24704 24.51456h8.192c8.15104 0 16.32256-4.096 20.41856-12.24704l32.68608-94.0032c24.53504 12.26752 53.12512 16.34304 81.73568 20.43904v94.0032c0 12.24704 8.192 20.41856 20.43904 20.41856 12.26752 0 20.43904-8.17152 20.43904-20.43904v-94.0032c28.61056 0 57.20064-8.15104 85.8112-16.32256l32.70656 89.9072c4.096 8.17152 12.24704 12.24704 20.41856 12.24704h8.192c12.24704-4.096 16.34304-16.34304 12.24704-24.51456l-32.68608-94.0032c24.51456-12.24704 44.9536-24.51456 65.39264-40.8576l65.37216 77.63968c4.096 4.096 8.192 8.192 16.34304 8.192 4.096 0 8.192 0 12.288-4.096 0-8.192 4.07552-20.43904-4.096-28.61056z"
            fill="#9B9B9B" p-id="30321"></path>
        </svg>
        <span class='active_line'></span>
      </div>
    </div>
    <div class="submit row">
      <input class="submit_btn" type="submit" value="注册">
    </div>
  </div>
  <!-- 老师注册页 -->
  <div class="form" id='form_teacher'>
    <!-- 教工号 -->
    <div class="markNumber row" id="markNumber_teacher">
      <span class="tip"><span class="tip_3">教工号</span>：</span>
      <div class="value">
        <input type="text" value="">
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 用户名 -->
    <div class="userName row" id='userName_teacher'>
      <span class="tip"><span class="tip_3">用户名</span>：</span>
      <div class="value">
        <input maxlength="15" placeholder="1-15位非空格字符" type="text">
        <span class='active_line'></span>
        <svg class="success_icon" height="23" p-id="3746" t="1602246081680" version="1.1" viewBox="0 0 1396 1024"
          width="23" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M507.252364 986.484364L0.651636 482.490182 103.517091 377.018182 507.345455 778.053818l784.756363-776.843636 103.703273 102.027636z"
            fill="#21be30" p-id="3747"></path>
        </svg>
      </div>
    </div>
    <!-- 性别 -->
    <div class="sex row">
      <span class="tip"><span class="tip_2">性别</span>：</span>
      <div class="choice value" data=''>
        <div class="item male">
          <svg t="1603443648427" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="23932" width="36" height="36">
            <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#82A4FB" p-id="23933"></path>
            <path
              d="M612.78 650.81a168.53 168.53 0 0 1-38 53.7 177.23 177.23 0 0 1-56.31 36.21 185.82 185.82 0 0 1-137.82 0 177.23 177.23 0 0 1-56.31-36.21 168.21 168.21 0 0 1-38-53.7 162.42 162.42 0 0 1 0-131.44 168.14 168.14 0 0 1 38-53.71 177.2 177.2 0 0 1 56.31-36.2 185.69 185.69 0 0 1 137.82 0 177.2 177.2 0 0 1 56.31 36.2 168.46 168.46 0 0 1 38 53.71 162.42 162.42 0 0 1 0 131.44z m191.07-357.73a24.73 24.73 0 0 0-6.47-16.82 27.13 27.13 0 0 0-17.85-8.63h-0.29L625.55 257c-14.6-1-27.31 9.47-28.37 23.4s9.93 26.06 24.54 27.07l95.68 6.61-113.7 108C562.9 387 508.86 365.6 449.58 365.6c-127.11 0-230.15 98.27-230.15 219.49s103 219.48 230.15 219.48 230.15-98.27 230.15-219.48a211.55 211.55 0 0 0-40.91-125L745.91 358.4l-6 82.08c-1 13.94 10 26 24.61 27 0.64 0 1.26 0.06 1.89 0.06 13.8 0 25.46-10.19 26.44-23.53l11-149.41c0-0.51 0.05-1 0.05-1.53-0.04-0.18-0.05 0.09-0.05 0.01z"
              fill="#FFFFFF" p-id="23934"></path>
          </svg>
          <span class="text">男</span>
        </div>
        <div class="item female">
          <svg t="1603443721753" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="24165" width="36" height="36">
            <path d="M430.08 450.56a145.92 145.92 0 1 0 291.84 0 145.92 145.92 0 1 0-291.84 0z" fill="#FF838E"
              p-id="24166"></path>
            <path
              d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m217.6 596.48c-76.8 74.24-194.56 84.48-281.6 20.48l-38.4 38.4 87.04 87.04-43.52 43.52-87.04-87.04-89.6 89.6-43.52-43.52 89.6-89.6-87.04-87.04 43.52-43.52 87.04 87.04 40.96-40.96c-61.44-84.48-51.2-202.24 23.04-276.48 84.48-71.68 209.92-66.56 289.28 12.8 79.36 79.36 81.92 204.8 10.24 289.28z"
              fill="#FF838E" p-id="24167"></path>
          </svg>
          <span class="text">女</span>
        </div>
        <img src="../icon/register/editBtn.svg" class="switch">
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 学院-->
    <div class="college row slideDown">
      <span class="tip">所属学院：</span>
      <div class="choice value" data="">
        <span class="cur_val">请选择学院</span>
        <svg class="icon" height="23" p-id="6815" t="1601959179699" version="1.1" viewBox="0 0 1024 1024" width="23"
          xmlns="http://www.w3.org/2000/svg">
          <path
            d="M539.9 631.25c-6.3 6.3-14.85 12.15-22.95 10.35-8.1 1.35-15.75-4.95-22.05-10.35L300.05 435.5c-9.9-9.9-9.9-26.1 0-36s26.1-9.9 36 0L517.4 585.8l181.8-186.3c9.9-9.9 26.1-9.9 36 0s9.9 26.1 0 36L539.9 631.25z"
            p-id="6816"></path>
        </svg>
        <ul class="list">
          <li>金融与投资学院</li>
          <li>会计学院</li>
          <li>保险学院</li>
          <li>经济贸易学院</li>
          <li>信用管理学院</li>
          <li>工商管理学院</li>
          <li>互联网金融与信息工程学院</li>
          <li>外国语言与文化学院</li>
          <li>法学院</li>
          <li>财经与新媒体学院</li>
          <li>金融数学与统计学院</li>
          <li>公共管理学院</li>
          <li>创业教育学院</li>
          <li>继续教育学院</li>
          <li>国际教育学院</li>
        </ul>
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 所属校区 -->
    <div class="campus row">
      <span class="tip">所属校区：</span>
      <div class="choice value" data="">
        <div class="item headquarter">
          <svg t="1603443772560" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="26252" width="36" height="36">
            <path
              d="M375.494194 623.483871a16.309677 16.309677 0 0 0 16.309677 16.309677h65.23871a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.23871a16.309677 16.309677 0 0 0-16.289032 16.309677V623.483871z m32.619354-81.548387h32.619355v65.23871h-32.619355zM391.803871 444.036129h65.23871a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.23871a16.309677 16.309677 0 0 0-16.289032 16.309677v97.858065a16.289032 16.289032 0 0 0 16.289032 16.309677z m16.309677-97.858064h32.619355v65.238709h-32.619355z"
              p-id="26253" fill="#444444"></path>
            <path
              d="M269.749677 327.535484L505.971613 185.806452l236.221935 141.729032a16.309677 16.309677 0 0 0 22.379355-5.574194 16.330323 16.330323 0 0 0-5.574193-22.379355L522.322581 157.563871V52.645161h81.527742v32.59871h-48.949678a16.309677 16.309677 0 1 0 0 32.619355h65.218065a16.309677 16.309677 0 0 0 16.309677-16.309678V36.335484a16.309677 16.309677 0 0 0-16.309677-16.309678h-114.147097a16.309677 16.309677 0 0 0-16.309678 16.309678v121.228387l-236.717419 142.018064a16.309677 16.309677 0 1 0 16.805161 27.953549zM196.129032 639.731613a16.309677 16.309677 0 0 0 16.309678-16.309678v-97.858064a16.309677 16.309677 0 0 0-16.309678-16.309677H130.890323a16.309677 16.309677 0 0 0-16.309678 16.309677v32.619355a16.309677 16.309677 0 0 0 32.619355 0v-16.309678h32.59871V623.483871a16.309677 16.309677 0 0 0 16.330322 16.247742zM310.276129 851.736774V378.797419a16.309677 16.309677 0 0 0-32.619355 0v472.939355a16.309677 16.309677 0 0 0 32.619355 0z"
              p-id="26254" fill="#444444"></path>
            <path
              d="M228.727742 933.264516h554.467097a16.309677 16.309677 0 1 0 0-32.59871h-146.766452v-163.096774h16.309678a16.309677 16.309677 0 1 0 0-32.598709H359.225806a16.309677 16.309677 0 1 0 0 32.598709h16.289033v163.096774h-146.787097a16.309677 16.309677 0 1 0 0 32.619355zM522.322581 835.427097a16.309677 16.309677 0 0 0 0-32.619355v-65.23871h81.527742v163.096774H522.322581v-65.238709z m-114.167742-97.858065h81.548387v65.23871a16.309677 16.309677 0 0 0 0 32.619355v65.218064h-81.548387zM881.052903 721.259355h-65.238709a16.309677 16.309677 0 0 0-16.289033 16.309677v97.858065a16.309677 16.309677 0 0 0 16.289033 16.309677h65.238709a16.309677 16.309677 0 0 0 16.309678-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309678-16.309677z m-16.309677 97.858064h-32.619355v-65.238709h32.619355zM881.052903 525.563871h-65.238709a16.309677 16.309677 0 0 0-16.289033 16.309677v97.858065a16.309677 16.309677 0 0 0 16.289033 16.309677h65.238709a16.309677 16.309677 0 0 0 16.309678-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309678-16.309677z m-16.309677 97.858064h-32.619355v-65.238709h32.619355zM848.516129 965.883871H163.509677a16.309677 16.309677 0 0 0 0 32.619355H848.516129a16.309677 16.309677 0 1 0 0-32.619355z"
              p-id="26255" fill="#444444"></path>
            <path
              d="M978.910968 378.797419a16.309677 16.309677 0 0 0-16.309678 16.309678v16.309677h-179.385806a16.309677 16.309677 0 1 0 0 32.59871h179.385806v538.178064a16.309677 16.309677 0 1 0 32.619355 0V395.107097a16.309677 16.309677 0 0 0-16.309677-16.309678zM538.590968 623.483871a16.309677 16.309677 0 0 0 16.309677 16.309677h65.218065a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.218065a16.309677 16.309677 0 0 0-16.309677 16.309677V623.483871z m32.619355-81.548387h32.598709v65.23871h-32.598709v-65.23871zM179.79871 819.117419c0-2.064516-0.929032-212.005161-81.527742-212.005161S16.722581 816.990968 16.722581 819.117419a81.713548 81.713548 0 0 0 65.238709 79.896775v83.179354a16.309677 16.309677 0 0 0 32.619355 0v-83.179354a81.692903 81.692903 0 0 0 65.218065-79.896775z m-81.527742 48.929033a48.990968 48.990968 0 0 1-48.929033-48.929033c0-81.259355 21.821935-179.385806 48.929033-179.385806s48.929032 98.126452 48.929032 179.385806a49.011613 49.011613 0 0 1-48.929032 48.929033zM734.286452 851.736774v-489.290322a16.309677 16.309677 0 0 0-32.619355 0v489.290322a16.309677 16.309677 0 0 0 32.619355 0zM554.900645 444.036129h65.218065a16.309677 16.309677 0 0 0 16.309677-16.309677v-97.858065a16.309677 16.309677 0 0 0-16.309677-16.309677h-65.218065a16.309677 16.309677 0 0 0-16.309677 16.309677v97.858065a16.309677 16.309677 0 0 0 16.309677 16.309677z m16.309678-97.858064h32.598709v65.238709h-32.598709v-65.238709zM33.032258 590.802581a16.309677 16.309677 0 0 0 16.309677-16.309678v-130.456774h179.385807a16.309677 16.309677 0 0 0 0-32.619355H49.341935v-16.309677a16.309677 16.309677 0 0 0-32.619354 0v179.385806a16.309677 16.309677 0 0 0 16.309677 16.309678z"
              p-id="26256" fill="#444444"></path>
          </svg>
          <span class="text">校本部</span>
        </div>
        <div class="item Zhaoqing">
          <svg t="1603444019759" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="29333" width="36" height="36">
            <path
              d="M114.005009 452.974675l199.077058 0 0 21.957081c0 0-30.744211 8.78713-42.451858 23.424502 0 20.48966-2.924609 298.617122-2.924609 298.617122L156.452773 796.97338l1.467421-295.693536c0 0-19.028379-23.423479-43.915186-26.349111C114.005009 466.148719 114.005009 452.974675 114.005009 452.974675z"
              fill="#8a8a8a" p-id="29334"></path>
            <path
              d="M395.057079 452.974675 594.13516 452.974675l0 21.957081c0 0-30.745235 8.78713-42.451858 23.424502 0 20.48966-2.924609 298.617122-2.924609 298.617122L437.504844 796.97338l1.467421-295.693536c0 0-19.028379-23.423479-43.915186-26.349111C395.057079 466.148719 395.057079 452.974675 395.057079 452.974675z"
              fill="#8a8a8a" p-id="29335"></path>
            <path
              d="M684.892187 452.974675l199.077058 0 0 21.957081c0 0-30.744211 8.78713-42.451858 23.424502 0 20.48966-2.923586 298.617122-2.923586 298.617122L727.339952 796.97338l1.466398-295.693536c0 0-19.028379-23.423479-43.914162-26.349111C684.892187 466.148719 684.892187 452.974675 684.892187 452.974675z"
              fill="#8a8a8a" p-id="29336"></path>
            <path d="M87.655897 843.813175l822.662459 0 0 43.914162-822.662459 0 0-43.914162Z" fill="#8a8a8a"
              p-id="29337"></path>
            <path d="M62.770114 912.61312l893.65842 0 0 45.37749-893.65842 0 0-45.37749Z" fill="#8a8a8a" p-id="29338">
            </path>
            <path
              d="M522.409582 62.136176l434.018951 300.084543 0 40.98546L62.770114 403.206178l0-40.98546 415.724283-300.084543L522.409582 62.136176zM499.170299 197.172685c-40.930201 0-74.105788 33.175587-74.105788 74.105788 0 40.929178 33.175587 74.105788 74.105788 74.105788 40.929178 0 74.104765-33.17661 74.104765-74.105788C573.275064 230.349295 540.099477 197.172685 499.170299 197.172685z"
              fill="#8a8a8a" p-id="29339"></path>
          </svg>
          <span class="text">肇庆校区</span>
        </div>
        <img src="../icon/register/editBtn.svg" class="switch">
        <span class='active_line'></span>
      </div>
    </div>
    <!--学历  -->
    <div class="row slideDown" id="degree">
      <span class='tip'><span class="tip_2">学历</span>：</span>
      <div class="choice value" data="">
        <span class="cur_val">请选择学历(选填)</span>
        <svg class="icon" height="23" p-id="6815" t="1601959179699" version="1.1" viewBox="0 0 1024 1024" width="23"
          xmlns="http://www.w3.org/2000/svg">
          <path
            d="M539.9 631.25c-6.3 6.3-14.85 12.15-22.95 10.35-8.1 1.35-15.75-4.95-22.05-10.35L300.05 435.5c-9.9-9.9-9.9-26.1 0-36s26.1-9.9 36 0L517.4 585.8l181.8-186.3c9.9-9.9 26.1-9.9 36 0s9.9 26.1 0 36L539.9 631.25z"
            p-id="6816"></path>
        </svg>
        <ul class="list">
          <li>本科</li>
          <li>硕士研究生</li>
          <li>博士研究生</li>
          <li>其他</li>
        </ul>
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 毕业院校 -->
    <div class="row" id="graduatedUniversity">
      <span class="tip">毕业院校：</span>
      <div class="value">
        <input placeholder="选填" type="text" value="">
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 设置密码 -->
    <div class="pwd row">
      <span class="tip">设置密码：</span>
      <div class="password value">
        <input maxlength="16" placeholder="6-16个字符组成，区分大小写" type="password">
        <svg t="1603446832261" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="30320" width="32" height="32">
          <path
            d="M814.08 541.83936l-65.37216-77.63968a327.2704 327.2704 0 0 0 61.29664-85.8112c4.096-8.192 0-20.45952-8.192-28.63104-8.15104-4.096-20.41856 0-28.59008 8.192-49.02912 102.15424-151.20384 163.45088-261.5296 163.45088-110.36672 0-212.52096-61.29664-261.57056-159.37536-4.096-12.26752-16.34304-16.34304-28.61056-8.192-8.17152 4.096-12.24704 16.36352-8.17152 24.53504 16.34304 32.68608 36.78208 57.22112 61.29664 81.73568l-65.37216 77.63968c-8.192 8.192-4.096 20.43904 4.096 28.61056 4.07552 4.096 8.15104 4.096 12.24704 4.096 4.096 0 12.24704-4.096 16.34304-8.192l61.29664-73.54368c20.43904 16.34304 40.87808 28.61056 65.39264 40.8576l-32.68608 94.0032c-4.096 12.26752 0 20.43904 12.24704 24.51456h8.192c8.15104 0 16.32256-4.096 20.41856-12.24704l32.68608-94.0032c24.53504 12.26752 53.12512 16.34304 81.73568 20.43904v94.0032c0 12.24704 8.192 20.41856 20.43904 20.41856 12.26752 0 20.43904-8.17152 20.43904-20.43904v-94.0032c28.61056 0 57.20064-8.15104 85.8112-16.32256l32.70656 89.9072c4.096 8.17152 12.24704 12.24704 20.41856 12.24704h8.192c12.24704-4.096 16.34304-16.34304 12.24704-24.51456l-32.68608-94.0032c24.51456-12.24704 44.9536-24.51456 65.39264-40.8576l65.37216 77.63968c4.096 4.096 8.192 8.192 16.34304 8.192 4.096 0 8.192 0 12.288-4.096 0-8.192 4.07552-20.43904-4.096-28.61056z"
            fill="#9B9B9B" p-id="30321"></path>
        </svg>
        <span class='active_line'></span>
      </div>
    </div>
    <!-- 确认密码 -->
    <div class="pwd_confirm row">
      <span class="tip">确认密码：</span>
      <div class="password value">
        <input maxlength="16" type="password">
        <svg t="1603446832261" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="30320" width="32" height="32">
          <path
            d="M814.08 541.83936l-65.37216-77.63968a327.2704 327.2704 0 0 0 61.29664-85.8112c4.096-8.192 0-20.45952-8.192-28.63104-8.15104-4.096-20.41856 0-28.59008 8.192-49.02912 102.15424-151.20384 163.45088-261.5296 163.45088-110.36672 0-212.52096-61.29664-261.57056-159.37536-4.096-12.26752-16.34304-16.34304-28.61056-8.192-8.17152 4.096-12.24704 16.36352-8.17152 24.53504 16.34304 32.68608 36.78208 57.22112 61.29664 81.73568l-65.37216 77.63968c-8.192 8.192-4.096 20.43904 4.096 28.61056 4.07552 4.096 8.15104 4.096 12.24704 4.096 4.096 0 12.24704-4.096 16.34304-8.192l61.29664-73.54368c20.43904 16.34304 40.87808 28.61056 65.39264 40.8576l-32.68608 94.0032c-4.096 12.26752 0 20.43904 12.24704 24.51456h8.192c8.15104 0 16.32256-4.096 20.41856-12.24704l32.68608-94.0032c24.53504 12.26752 53.12512 16.34304 81.73568 20.43904v94.0032c0 12.24704 8.192 20.41856 20.43904 20.41856 12.26752 0 20.43904-8.17152 20.43904-20.43904v-94.0032c28.61056 0 57.20064-8.15104 85.8112-16.32256l32.70656 89.9072c4.096 8.17152 12.24704 12.24704 20.41856 12.24704h8.192c12.24704-4.096 16.34304-16.34304 12.24704-24.51456l-32.68608-94.0032c24.51456-12.24704 44.9536-24.51456 65.39264-40.8576l65.37216 77.63968c4.096 4.096 8.192 8.192 16.34304 8.192 4.096 0 8.192 0 12.288-4.096 0-8.192 4.07552-20.43904-4.096-28.61056z"
            fill="#9B9B9B" p-id="30321"></path>
        </svg>
        <span class='active_line'></span>
      </div>
    </div>
    <div class="submit row">
      <input class="submit_btn" type="submit" value="注册">
    </div>
  </div>

  <div class="tipPane"></div>
  <script src="../js/views/register/register.js" type='module'></script>
</body>

</html>